<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>山寨京东</title>
    <link rel="shorcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>

<!--导航栏顶部start-->
<div class="shortcut">
    <div class="w">
        <ul class="fl">
            <li class="dropdown">送至：北京<i><s>◇</s></i>

                <div class="address">
                    <img src="images/address.png" alt="地址"/>
                </div>
            </li>
        </ul>
        <ul class="fr">
            <li class="dropdown"><a href="#">你好，请登录</a>&nbsp;&nbsp;<a href="#" class="col-red">免费注册</a></li>
            <li class="spacer"></li>
            <li><a href="#">我的订单</a></li>
            <li class="spacer"></li>
            <li class="dropdown"><a href="#">我的京东</a><i><s>◇</s></i></li>
            <li class="spacer"></li>
            <li><a href="#">京东会员</a></li>
            <li class="spacer"></li>
            <li><a href="#">企业采购</a></li>
            <li class="spacer"></li>
            <li class="dropdown tel-li">
                <a href="#"><em class="tel"></em>手机京东</a>
                <i><s>◇</s></i>

                <div class="weidian">
                    <div class="tel-li-weidian">
                        <img src="images/weidian.png" alt="关注微信"/>
                    </div>
                </div>
            </li>
            <li class="spacer"></li>
            <li class="dropdown"><a href="#">关注京东</a><i><s>◇</s></i></li>
            <li class="spacer"></li>
            <li class="dropdown"><a href="#">客户服务</a><i><s>◇</s></i></li>
            <li class="spacer"></li>
            <li class="dropdown"><a href="#">网站导航</a><i><s>◇</s></i></li>
        </ul>
    </div>
</div>
<!--导航栏顶部end-->

<!--顶部广告栏start-->
<div class="topbanner">
    <div class="w close-father">
        <a href="#"><img src="images/ad.jpg" alt=""/></a>
        <a href="javascript:;" class="close-banner"></a>
    </div>
</div>
<!--顶部广告栏end-->

<!--顶部搜索栏start-->
<div class="header">
    <div class="w">
        <div class="logo">
            <a href="#" class="logo-a">京东</a>
        </div>
        <div class="search">
            <input type="text" value="TCL厨卫"/>
            <button>搜索</button>
        </div>
        <div class="car">
            <i class="car-left"></i>
            <i class="car-right">＞</i>
            <i class="car-po">0</i>
            <a href="#">我的购物车</a>
        </div>
        <div class="hotwords">
            <a href="#" class="col-red">美丽食谱</a>
            <a href="#">家电红包</a>
            <a href="#">自营鲜花</a>
            <a href="#">388减188</a>
            <a href="#">蝴蝶结</a>
            <a href="#">机箱</a>
            <a href="#">牛仔外套女</a>
            <a href="#">0元试用</a>
            <a href="#">豆豆鞋</a>
        </div>
    </div>
</div>
<!--顶部搜索栏end-->

<!--导航部分start-->
<div class="nav clearfix">
    <div class="w">
        <div class="category">
            <div class="cate-dt"><a href="#">全部商品分类</a></div>
            <div class="cate-dd">
                <div class="cate-item">
                    <h3><a href="#">家用电器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">手机、数码、京东通信</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">电脑办公</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">家居、家具、家装、厨具</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">男装、女装、内衣、珠宝</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">个护化妆、清洁用品</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">鞋靴、箱包、钟表、奢侈品</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">运动户外</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">汽车、汽车用品</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">母婴、玩具乐器</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">食品、酒类、生鲜、特产</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">营养保健</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">图书、音响、电子书</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">彩票、旅行、充值、票务</a></h3>
                    <i>&gt;</i>
                </div>
                <div class="cate-item">
                    <h3><a href="#">理财、众筹、白条、保险</a></h3>
                    <i>&gt;</i>
                </div>
            </div>
        </div>
        <ul class="jd-nav">
            <li class="w3 nav-li"><a href="#">服装城</a><i></i></li>
            <li class="w3"><a href="#">美妆馆</a></li>
            <li class="w2"><a href="#">超市</a></li>
            <li class="w3"><a href="#">全球购</a></li>
            <li class="w2"><a href="#">闪购</a></li>
            <li class="w2"><a href="#">团购</a></li>
            <li class="w2"><a href="#">拍卖</a></li>
            <li class="w2"><a href="#">金融</a></li>
        </ul>
    </div>
</div>
<!--导航部分end-->

<!--主体部分start-->
<div class="w main clearfix">
    <div class="slider">
        <a href="#"><img src="images/slider.jpg" alt=""/></a>
        <ul class="circle">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li class="current">5</li>
            <li>6</li>
        </ul>
        <!--小三角-->
        <div class="arrow">
            <a href="javascript:;" class="arr-l">&lt;</a>
            <a href="javascript:;" class="arr-r">&gt;</a>
        </div>
    </div>
    <div class="main-extra">
        <div class="news">
            <div class="mt">
                <h3>京东快报</h3>
                <a target="_blank" href="#">更多 &gt;</a>
            </div>
            <div class="mc">
                <ul>
                    <li><a href="#"><span>[特惠]</span>华帝品牌日，抢免单，赢半价！</a></li>
                    <li><a href="#"><span>[公告]</span>厦门大件运营中心搬迁</a></li>
                    <li><a href="#"><span>[特惠]</span>初春尝鲜，全场商品低至8折</a></li>
                    <li><a href="#"><span>[公告]</span>北京城区部分区域配送延迟</a></li>
                    <li><a href="#"><span>[特惠]</span>京东数码影音节，每满199-30</a></li>
                </ul>
            </div>
        </div>
        <div class="lifserv">
            <ul>
                <li class="lifserv-icon1">
                    <a href="#">
                        <i></i>
                        <span>话费</span>
                    </a>
                </li>
                <li class="lifserv-icon2">
                    <a href="#">
                        <i></i>
                        <span>机票</span>
                        <em class="icon1"></em>
                    </a>
                </li>
                <li class="lifserv-icon3">
                    <a href="#">
                        <i></i>
                        <span>电影票</span>
                    </a>
                </li>
                <li class="lifserv-icon4">
                    <a href="#">
                        <i></i>
                        <span>游戏</span>
                    </a>
                </li>
                <li class="lifserv-icon5">
                    <a href="#">
                        <i></i>
                        <span>彩票</span>
                    </a>
                </li>
                <li class="lifserv-icon6">
                    <a href="#">
                        <i></i>
                        <span>团购</span>
                    </a>
                </li>
                <li class="lifserv-icon7">
                    <a href="#">
                        <i></i>
                        <span>酒店</span>
                    </a>
                </li>
                <li class="lifserv-icon8">
                    <a href="#">
                        <i></i>
                        <span>火车票</span>
                    </a>
                </li>
                <li class="lifserv-icon9">
                    <a href="#">
                        <i></i>
                        <span>众筹</span>
                    </a>
                </li>
                <li class="lifserv-icon10">
                    <a href="#">
                        <i></i>
                        <span>理财</span>
                    </a>
                </li>
                <li class="lifserv-icon11">
                    <a href="#">
                        <i></i>
                        <span>礼品卡</span>
                    </a>
                </li>
                <li class="lifserv-icon12">
                    <a href="#">
                        <i></i>
                        <span>白条</span>
                        <em class="icon2"></em>
                    </a>
                </li>
            </ul>
        </div>
        <div class="right-pic">
            <a href="#"><img src="images/right-pic.jpg" alt=""/></a>
        </div>
    </div>
</div>
<!--主体部分end-->

<!--今日推荐start-->
<div class="w">
    <div class="today clearfix">
        <div class="fl">
            <a href="#"><img src="images/clock.png" alt=""/></a>
        </div>
        <div class="fr today-wrap">
            <ul>
                <li><img src="images/today1.jpg" alt=""/></li>
                <li><img src="images/today2.jpg" alt=""/></li>
                <li><img src="images/today3.jpg" alt=""/></li>
                <li><img src="images/today4.jpg" alt=""/></li>
            </ul>
        </div>
    </div>
</div>
<!--今日推荐end-->

<!--猜你喜欢start-->
<div class="w">
    <div class="guess">
        <div class="mt">
            <h2>猜你喜欢</h2>
            <a href="#">换一批</a>
        </div>
        <div class="mc clearfix">
            <div class="spacer"><i></i></div>
            <ul>
                <li class="fore1">
                    <div class="p-img"><a href="#"><img src="images/p-img%20(1).jpg"/></a></div>
                    <div class="p-info">
                        <div class="p-name">
                            <a href="#">休闲男鞋流行商务皮鞋系带布洛克乐福鞋&nbsp;黑色</a>
                        </div>
                        <div class="p-price">
                            <i>¥158.00</i>
                        </div>
                    </div>
                </li>
                <li class="fore2">
                    <div class="p-img"><a href="#"><img src="images/p-img%20(2).jpg"/></a></div>
                    <div class="p-info">
                        <div class="p-name">
                            <a href="#">休闲男鞋流行商务皮鞋系带布洛克乐福鞋&nbsp;黑色</a>
                        </div>
                        <div class="p-price">
                            <i>¥158.00</i>
                        </div>
                    </div>
                </li>
                <li class="fore3">
                    <div class="p-img"><a href="#"><img src="images/p-img%20(3).jpg"/></a></div>
                    <div class="p-info">
                        <div class="p-name">
                            <a href="#">休闲男鞋流行商务皮鞋系带布洛克乐福鞋&nbsp;黑色</a>
                        </div>
                        <div class="p-price">
                            <i>¥158.00</i>
                        </div>
                    </div>
                </li>
                <li class="fore4">
                    <div class="p-img"><a href="#"><img src="images/p-img%20(4).jpg"/></a></div>
                    <div class="p-info">
                        <div class="p-name">
                            <a href="#">休闲男鞋流行商务皮鞋系带布洛克乐福鞋&nbsp;黑色</a>
                        </div>
                        <div class="p-price">
                            <i>¥158.00</i>
                        </div>
                    </div>
                </li>
                <li class="fore5">
                    <div class="p-img"><a href="#"><img src="images/p-img%20(5).jpg"/></a></div>
                    <div class="p-info">
                        <div class="p-name">
                            <a href="#">休闲男鞋流行商务皮鞋系带布洛克乐福鞋&nbsp;黑色</a>
                        </div>
                        <div class="p-price">
                            <i>¥158.00</i>
                        </div>
                    </div>
                </li>
                <li class="fore6">
                    <div class="p-img"><a href="#"><img src="images/p-img%20(6).jpg"/></a></div>
                    <div class="p-info p-info-r">
                        <div class="p-name">
                            <a href="#">休闲男鞋流行商务皮鞋系带布洛克乐福鞋&nbsp;黑色</a>
                        </div>
                        <div class="p-price">
                            <i>¥158.00</i>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--猜你喜欢end-->

<!--品质生活start-->
<div class="life w">
    <h2>京东 · 品质生活</h2>

    <div class="life-content clearfix">
        <div class="life-content-1">
            <a class="lc-1-1" href="#">
                <p class="area-tit">新发现</p>

                <div class="sub-tit-1">
                    <p class="tit">新品尖货</p>

                    <p class="desc">小狗无线吸尘器新品发布</p>

                    <p class="promotion">3月23日揭晓神秘大礼</p>
                </div>
                <img src="images/001.jpg"/>
            </a>
            <a class="lc-1-2" href="#">
                <div class="sub-tit-2">
                    <p class="tit">预售抢先</p>

                    <p class="desc">千兆无线路由器</p>

                    <p class="promotion">预约立减500抢！</p>
                </div>
                <img src="images/004.jpg"/>
            </a>
            <a class="lc-1-3" href="#">
                <div class="sub-tit-2">
                    <p class="tit">预售抢先</p>

                    <p class="desc">千兆无线路由器</p>

                    <p class="promotion">预约立减500抢！</p>
                </div>
                <img src="images/005.jpg"/>
            </a>
        </div>
        <div class="life-content-2">
            <a class="lc-1-3" href="#">
                <p class="area-tit">好东西</p>

                <div class="sub-tit-2">
                    <p class="tit">实惠好货</p>

                    <p class="desc">3.8女神专属</p>

                    <p class="promotion">手机立减1000元</p>
                </div>
                <img src="images/002.jpg"/>
            </a>
            <a class="lc-1-3" href="#">
                <div class="sub-tit-2">
                    <p class="tit">预售抢先</p>

                    <p class="desc">千兆无线路由器</p>

                    <p class="promotion">预约立减500抢！</p>
                </div>
                <img src="images/006.jpg"/>
            </a>
        </div>
        <div class="life-content-3">
            <a class="lc-1-3" href="#">
                <p class="area-tit">品牌街</p>

                <div class="sub-tit-2">
                    <p class="tit">女人节</p>

                    <p class="desc">满399减80</p>

                    <p class="promotion">满599减150</p>
                </div>
                <img src="images/003.jpg"/>
            </a>
            <a class="lc-1-2" href="#">
                <div class="sub-tit-2">
                    <p class="tit">预售抢先</p>

                    <p class="desc">千兆无线路由器</p>

                    <p class="promotion">预约立减500抢！</p>
                </div>
                <img src="images/007.jpg"/>
            </a>
            <a class="lc-1-2" href="#">
                <div class="sub-tit-2">
                    <p class="tit">预售抢先</p>

                    <p class="desc">千兆无线路由器</p>

                    <p class="promotion">预约立减500抢！</p>
                </div>
                <img src="images/008.jpg"/>
            </a>
        </div>
        <div class="life-content-4">
            <div class="brands-left">
                <ul>
                    <li><a href="#"><img src="images/013.jpg"/></a></li>
                    <li><a href="#"><img src="images/009.jpg"/></a></li>
                    <li><a href="#"><img src="images/011.jpg"/></a></li>
                    <li><a href="#"><img src="images/013.jpg"/></a></li>
                    <li><a href="#"><img src="images/009.jpg"/></a></li>
                    <li><a href="#"><img src="images/012.jpg"/></a></li>
                    <li><a href="#"><img src="images/009.jpg"/></a></li>
                </ul>
            </div>
            <div class="brands-right">
                <ul>
                    <li><a href="#"><img src="images/010.jpg"/></a></li>
                    <li><a href="#"><img src="images/011.jpg"/></a></li>
                    <li><a href="#"><img src="images/010.jpg"/></a></li>
                    <li><a href="#"><img src="images/012.jpg"/></a></li>
                    <li><a href="#"><img src="images/013.jpg"/></a></li>
                    <li><a href="#"><img src="images/012.jpg"/></a></li>
                    <li><a href="#"><img src="images/010.jpg"/></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--品质生活end-->

<!--banner1 start-->
<div class="w">
    <div class="dress">
        <a href="#">
            <img src="images/101.jpg" alt=""/>
        </a>
        <a href="#">
            <img src="images/102.jpg" alt=""/>
        </a>
        <a href="#">
            <img src="images/103.jpg" alt=""/>
        </a>
    </div>
</div>
<!--banner1 end-->

<!--服装鞋包start-->
<div class="w">
    <div class="shoe clearfix">
        <div class="mt">
            <h2><i>1F</i>服装鞋包</h2>
            <ul>
                <li><a  class="col-red" href="#">大牌</a><span></span></li>
                <li><a href="#">男装</a><span></span></li>
                <li><a href="#">女装</a><span></span></li>
                <li><a href="#">鞋靴</a><span></span></li>
                <li><a href="#">箱包</a><span></span></li>
                <li><a href="#">内衣配饰</a><span></span></li>
                <li><a href="#">珠宝首饰</a><span></span></li>
                <li><a href="#">奢品礼品</a><span></span></li>
                <li><a href="#">奢华腕表</a></li>
            </ul>
        </div>
        <div class="mc">
            <div class="mc-left">
                <div class="mc-left-top">
                    <a href="#">
                        <img src="images/shoe1.png"/>
                    </a>
                </div>
                <div class="mc-left-bottom">
                    <a href="#">
                        <img src="images/shoe2.jpg"/>
                    </a>
                </div>
            </div>
            <div class="mc-center">
                <div class="div1">
                    <a class="img1" href="#"><img src="images/shoe3.jpg"/></a>
                    <a class="img1" href="#"><img src="images/shoe4.jpg"/></a>
                    <a class="img1" href="#"><img src="images/shoe5.jpg"/></a>
                </div>
                <div class="div2">
                    <a class="img2" href="#"><img src="images/shoe6.jpg"/></a>
                    <a class="img2" href="#"><img src="images/shoe7.jpg"/></a>
                    <a class="img2" href="#"><img src="images/shoe8.jpg"/></a>
                    <a class="img2" href="#"><img src="images/shoe9.jpg"/></a>
                </div>
            </div>
            <div class="mc-right">
                <a href="#"><img src="images/shoe10.jpg"/></a>
                <a href=""><img src="images/shoe11.jpg"/></a>
                <a href=""><img src="images/shoe12.jpg"/></a>
                
            </div>
        </div>
    </div>
</div>
<!--服装鞋包end-->

<!--banner2 start-->
<div class="w">
    <div class="banner2">
        <ul>
            <li class="bd-none"><a href="#"><img src="images/ban1.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/ban2.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/ban3.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/ban4.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/ban5.png" alt=""/></a></li>
            <li><a href="#"><img src="images/ban6.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/ban7.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/ban8.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/ban9.jpg" alt=""/></a></li>
            <li><a href="#"><img src="images/ban10.jpg" alt=""/></a></li>
        </ul>
    </div>
</div>
<!--banner2 end-->

<!--footer部分start-->
<div class="footer">
    <div class="service">
        <div class="slogen">
            <span class="slogen-item slogen1"><img src="images/slogen1.png" alt=""/></span>
            <span class="slogen-item slogen2"><img src="images/slogen2.png" alt=""/></span>
            <span class="slogen-item slogen3"><img src="images/slogen3.png" alt=""/></span>
            <span class="slogen-item slogen4"><img src="images/slogen4.png" alt=""/></span>
        </div>
        <div class="w info">
            <dl class="fore1 fl">
                <dt>购物指南</dt>
                <dd>
                    <div><a href="#">购物流程</a></div>
                    <div><a href="#">会员介绍</a></div>
                    <div><a href="#">生活旅行/团购</a></div>
                    <div><a href="#">常见问题</a></div>
                    <div><a href="#">大家电</a></div>
                    <div><a href="#">联系客服</a></div>
                </dd>
            </dl>
            <dl class="fore2 fl">
                <dt>配送方式</dt>
                <dd>
                    <div><a href="#">上门自提</a></div>
                    <div><a href="#">211限时达</a></div>
                    <div><a href="#">配送服务查询</a></div>
                    <div><a href="#">配送费收取标准</a></div>
                    <div><a href="#">海外配送</a></div>
                </dd>
            </dl>
            <dl class="fore3 fl">
                <dt>支付方式</dt>
                <dd>
                    <div><a href="#">货到付款</a></div>
                    <div><a href="#">在线支付</a></div>
                    <div><a href="#">分期付款</a></div>
                    <div><a href="#">邮局汇款</a></div>
                    <div><a href="#">公司转账</a></div>
                </dd>
            </dl>
            <dl class="fore4 fl">
                <dt>售后服务</dt>
                <dd>
                    <div><a href="#">售后政策</a></div>
                    <div><a href="#">价格保护</a></div>
                    <div><a href="#">退款说明</a></div>
                    <div><a href="#">返修/退换货</a></div>
                    <div><a href="#">取消订单</a></div>
                </dd>
            </dl>
            <dl class="fore5 fl">
                <dt>特色服务</dt>
                <dd>
                    <div><a href="#">夺宝岛</a></div>
                    <div><a href="#">DIY装机</a></div>
                    <div><a href="#">延保服务</a></div>
                    <div><a href="#">京东E卡</a></div>
                    <div><a href="#">京东通信</a></div>
                    <div><a href="#">京东JD+</a></div>
                </dd>
            </dl>
            <div class="coverage fr">
                <div class="dt">
                    京东自营覆盖区县
                </div>
                <div class="dd">
                    <p class="fr">京东已向全国2433个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>

                    <p class="ar fr"><a href="#">查看详情&nbsp;&gt;</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="w bottom">
        <div class="bottom-center">
            <div class="links">
                <a href="#">关于我们</a>|
                <a href="#">联系我们</a>|
                <a href="#">商家入驻</a>|
                <a href="#">营销中心</a>|
                <a href="#">手机京东</a>|
                <a href="#">友情链接</a>|
                <a href="#">销售联盟</a>|
                <a href="#">京东社区</a>|
                <a href="#">京东工艺</a>|
                <a href="#">English Site</a>|
                <a href="#">Contact Us</a>
            </div>
            <div class="copyright">
                <a href="#"><img src="images/jgw.png" alt=""/>京公网安备 11000002000088号</a>|
                <a href="#">京ICP证070359号</a>|
                <a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>|
                <a href="#">新出发京零 字第大120007号</a>
                <br/>
                <a href="#">音像制品经营许可证苏宿批005号</a>|&nbsp;&nbsp;出版物经营许可证编号新出发(苏)批字第N-012号&nbsp;&nbsp;|&nbsp;&nbsp;互联网出版许可证编号新出网证(京)字150号
                <br/>
                <a href="#">网络文化经营许可证京网文[2014]2148-348号</a>&nbsp;&nbsp;违法和不良信息举报电话：4006561155&nbsp;&nbsp;Copyright ©
                2004-2016&nbsp;&nbsp;京东JD.com 版权所有
                <br/>
                京东旗下网站：<a href="">360TOP</a>&nbsp;<a href="">拍拍网</a>&nbsp;<a href="">网银在线</a>
            </div>
            <div class="authentication">
                <a href="#"><img src="images/1.png" alt="经营性网站备案中心"/></a>
                <a href="#"><img src="images/2.png" alt="可信网站"/></a>
                <a href="#"><img src="images/3.jpg" alt="网络警察"/></a>
                <a href="#"><img src="images/4.png" alt="诚信网站"/></a>
                <a href="#"><img src="images/5.jpg" alt="中国互联网举报中心"/></a>
                <a href="#"><img src="images/6.jpg" alt="网络举报APP下载"/></a>
            </div>
        </div>
    </div>
</div>
<!--footer部分end-->
</body>
</html>